(function( window ){
	'use strict';
	var body = document.body,
		mask = document.createElement("div"),
		togglePushRight = document.querySelector( ".awas-kiri" ),
		pushMenuRight = document.querySelector( ".pecet-kiri" ),
		activeNav
	;
	mask.className = "mask";
	togglePushRight.addEventListener( "click", function(){
		classie.add( body, "di-buka" );
		document.body.appendChild(mask);
		activeNav = "di-buka";
	} );
	mask.addEventListener( "click", function(){
		classie.remove( body, activeNav );
		activeNav = "";
		document.body.removeChild(mask);
	} );
	[].slice.call(document.querySelectorAll(".di-tutup")).forEach(function(el,i){
		el.addEventListener( "click", function(){
			classie.remove( body, activeNav );
			activeNav = "";
			document.body.removeChild(mask);
		} );
	});
})( window );